@charset "UTF-8";
/*
/*（必需）*/
/*---------重置和全局使用的基本定义---------*/
/*---------重置---------*/
html{font-size: 100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; *overflow:auto;_overflow-x:hidden;}
body{margin:0;}
p,ul,ol,form,dl,h1,h2,h3,h4,h5,h6{ margin-top:0; margin-bottom:0;}
dl,dd{ margin-left:0;}
ul,ol{padding-left:0;*margin-left:0;list-style-type: none;}
ul li{*zoom:1;*vertical-align:bottom;}
em,var,cite,i{font-style:normal;}
small{font-size:12px;}
s,a{text-decoration:none;}
:focus,:active{outline:none;}

[type="radio"]:focus{outline: #666 dotted 1px;}
blockquote,q{quotes:none; margin:0;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;/**table-layout:fixed;word-wrap:break-word;*/}
img,iframe{border:none;}
img{vertical-align: top;-ms-interpolation-mode: bicubic;/*ie7防止图片缩小失真的*/}
/*表单元素*/
textarea,select,button,.tinput,.submit,.button{margin: 0;vertical-align: middle;outline:0;background:transparent;resize:none;}
textarea{overflow: auto; vertical-align: top; padding:0}
input[type='checkbox'],input[type='radio']{ vertical-align:-2px;*vertical-align:middle; margin:0 4px 0 0;}

label,button,.button,.submit,.reset{ cursor:pointer;}
button,input{*overflow: visible; line-height: normal; }/*修正IE67的input宽度bug*/
input::-ms-clear{display:none;}/*修正IE67的input 右侧清空X*/

/*---------基础样式---------*/
hr,.fn-hr{width:100%;height:0;*height:2px;font-size:0;line-height:0;border:none;border-top:#ddd solid 1px;margin:0 auto;}
.fn-clear{width:100%;clear:both; display:block;}
.fn-clear-left{ clear: left;}
.fn-clear-left{ clear: right;}
.fn-cf:before,.fn-cf:after{content:""; display:table;line-height:0;}.fn-cf:after{clear:both;}.fn-cf{*zoom:1;}/*clearfix*/
.fn-hide{display:none;}.fn-vhide{visibility:hidden;}.fn-ohide{overflow:hidden;*zoom:1;}
.fn-fl{float:left;}.fn-fr{float:right;}.fn-unf{float:none;}
.fn-tl{ text-align:left;}.fn-tr{text-align:right;}.fn-tc{text-align:center; }
.fn-abs{ position:absolute;}.fn-rel{ position:relative;}.fn-fix{position: fixed; _position:absolute;}.fn-sta{ position:static;}
.fn-db{display:block;}.fn-dib{display:inline-block;*display:inline;*zoom:1;}.fn-di{display:inline;}
.fn-dbox{display:-webkit-box;display:-moz-box;}
.fn-tablecell{display:table;}.fn-ttr{display:table-row;}
.fn-ttd,.fn-tth{display:table-cell;*display:inline-block;*zoom:1;*vertical-align:top;}
.fn-dib-otw{display:inline-block;*display:inline;*zoom:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fn-mt0{ margin-top: 0!important;}.fn-mt4{ margin-top:4px;}.fn-mt6{ margin-top:6px;}.fn-mt8{ margin-top:8px;}.fn-mt10{ margin-top:10px;}
.fn-mt12{ margin-top:12px;}.fn-mt14{ margin-top:14px;}.fn-mt16{ margin-top:16px;}.fn-mt20{ margin-top:20px;}.fn-mt30{ margin-top:30px;}
.fn-mb0{ margin-bottom: 0!important;}.fn-mb4{ margin-bottom:4px;}.fn-mb6{ margin-bottom:6px;}.fn-mb8{ margin-bottom:8px;}.fn-mb10{ margin-bottom:10px;}
.fn-mb12{ margin-bottom:12px;}.fn-mb14{ margin-bottom:14px;}.fn-mb16{ margin-bottom:16px;}.fn-mb20{ margin-bottom:20px;}.fn-mb30{ margin-bottom:30px;}
.fn-mr0{ margin-right: 0!important;}.fn-mr4 {margin-right:4px;}.fn-mr6 {margin-right:6px;}.fn-mr8 {margin-right:8px;}.fn-mr10 {margin-right:10px;}
.fn-mr12 {margin-right:12px;}.fn-mr14 {margin-right:14px;}.fn-mr16 {margin-right:16px;}.fn-mr18 {margin-right:18px;}.fn-mr20 {margin-right:20px;}
.fn-ml0{ margin-left: 0!important;}.fn-ml4{margin-left: 4px;}.fn-ml6{margin-left: 6px;}.fn-ml8{margin-left: 8px;}.fn-ml10{margin-left: 10px;}
.fn-ml12 {margin-left:12px;}.fn-ml14 {margin-left:14px;}.fn-ml16 {margin-left:16px;}.fn-ml18 {margin-left:18px;}.fn-ml20 {margin-left:20px;}
.fn-ml30 {margin-left:30px;}.fn-ml40 {margin-left:40px;}
.fn-ul{ list-style: disc outside none; 		margin: 0 0 0.5em 0; 	padding-left: 2em; }
.fn-ol{ list-style: decimal outside none; 	margin: 0.5em 0; 		padding-left: 2em; }
.fn-opa-0{	opacity:0;	filter:alpha(opacity=0);}
.fn-rgba{background-color:rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5F000000,endcolorstr=#5F000000);
    color:#fff; cursor:pointer;*zoom:1;}/*背景半透明样式*/
.fn-lockscreen,.fn-lockscreen body{ width:100%; height:100%; overflow:hidden;}/*锁屏*/
.fn-vl{ width:0; height:100%; font-size:0; line-height:0; display:inline-block;*display:inline;*zoom:1; vertical-align:middle; margin-left:-1px;}
.fn-vm{ vertical-align: middle;}
.fn-bw{word-wrap: break-word!important;}

.ime-disabled{ime-mode:disabled;}/* 屏蔽输入法 Safari/Chrome/Opera不支持*/

/*触发css3动画的硬件加速 过多使用会出现cpu占用过多*/
.trigger-gpu{
    -webkit-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /*transform 在 webkit 内核有闪屏现象*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

/*---------基础布局---------*/
.ui-fl{		float: left;			_margin-right: -3px;}
.ui-fr{		float: right;			_margin-left: -3px; }
.ui-negmr{	margin-right: -1px;	_margin-right: -4px;} /*和fn-fl配合使用*/
.ui-negml{	margin-left: -1px; 	_margin-left: -4px; } /*和fn-fr配合使用*/
.ui-first{	margin-left: 0; 		padding-left:0;	  }
.ui-last{ 	margin-right: 0; 		padding-right:0; overflow: hidden; min-height: 0;}

.ui-100{width:100%;}	/*宽100%*/
.ui-90{width:90%;}	/*宽90%*/
.ui-50{ width:50%;}		/*2col*/
.ui-33{ width:33.33%;}	/*3col*/
.ui-30{ width:30%;}
.ui-25{ width:25%;}		/*4col*/
.ui-20{ width:20%;}		/*5col*/
.ui-16{ width:16.66%;}	/*6col*/

.ui-40{ width:40%;}
.ui-45{ width:45%;}
.ui-48{ width:48%;}
.ui-60{ width:60%;}

/*等分列*/
.ui-cols-2,.ui-cols-3,.ui-cols-4,.ui-cols-5,.ui-cols-6,.ui-cols-7{ overflow:hidden;*zoom:1;}
.ui-cols-2 .col{ width:50%;         float:left;}		/*2col*/
.ui-cols-3 .col{ width:33.3333%;    float:left;	*width:33%;}		/*3col*/
.ui-cols-4 .col{ width:25%;	        float:left; *width:24%;}		/*4col*/
.ui-cols-5 .col{ width:20%;		    float:left; *width:19%;}		/*5col*/
.ui-cols-6 .col{ width:16.6666%;    float:left;	*width:16.6%;}		/*6col*/
.ui-cols-7 .col{ width:14.28%;      float:left; *width:146%;}		/*7col*/
.ui-cols-4 .col-join-2{ width:50%}

/*两端对齐 IE8及以上*/
.ui-justify{ text-align: justify; font-size: 0;}
.ui-justify:after{ content:"";
    display: inline-block; width: 100%; height: 0; line-height: 0; overflow: hidden;font-size: 0;
}
.ui-justify li{display: inline-block;}




